[Day22] 使用GitHub製作一個客製化的網站!

第 12 屆 iThome 鐵人賽

DAY 22

自我挑戰組

30天教你學會Git系列第 22 篇

12th鐵人賽

jackey8869

2020-10-05 00:28:28

2380 瀏覽

分享至

git本身就提供給你一個免費的Git server，你可以利用github當作靜態檔案的伺服器
他比一般外面的虛擬主機便宜的多，也安全的多
- 當然，你不可以放類似PHP的檔案，Git不會理你XD
- 僅能使用Git上傳
- 你就算開在private裡面，他還是有個公開的page!

那就讓我們開始吧!

你要先在github上建立一個全新的專案
- Repo的名字要取XXX.github.io
  - 那個XXX就是你的名字，像我的名字是jackey10055206
  - 所以我的Repo名稱就是jckey10055206.github.io
建立好之後，利用我們之前說過的那個git clone的方式，把整個repo給複製下來

如果不想用git clone，也可以使用設定remote的方式哦!

在你clone的資料夾裡面建立一個index.html，內容差不多可以是.....

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
        <title>Github Personal Page</title>
    </head>
    <body>
        <h1>This is my personal Page</h1>
    </body>
</html>

接下來，將檔案git add，git commit之後，就可以把檔案給git push上去囉!

$ git add .

$ git commit -m "base index"
[master (root-commit) 18875fc] base index
 1 file changed, 10 insertions(+)
 create mode 100644 index.html

$ git push
Enumerating objects: 3, done.
Counting objects: 100% (3/3), done.
Delta compression using up to 8 threads
Compressing objects: 100% (2/2), done.
Writing objects: 100% (3/3), 334 bytes | 334.00 KiB/s, done.
Total 3 (delta 0), reused 0 (delta 0)
To https://github.com/jackey10055206/jackey10055206.github.io.git
 * [new branch]      master -> master